@CHARSET "UTF-8";
/***** Reset *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0 none; outline:0;
	font-family:'돋움',dotum,'굴림',gulim,Helvetica,arial,sans-serif; font-size:12px; font-style:normal; 
}
:focus 				{ outline: 0; }
ol, ul 				{ list-style:none; }
input,select,button	{ vertical-align:middle }
option				{ padding-right:6px }
img					{ vertical-align:top }
label,button		{ cursor:pointer }
button *			{ position:relative }
button img			{ left:-3px; *left:auto }
hr					{ display:none }
legend				{ *width:0 }
table				{ border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed; }
a					{ color:#333; text-decoration:none }
a:hover				{ color:#ff5500; text-decoration:none }

/***** Layout *****/
html,body			{ width:100%; height:100%; position:relative !important; }


.login_wrap         { position:relative; width:100%; min-width:900px; height:100%; min-height:600px; background:#334c66 url(../img/bg_login.png) repeat-x; overflow:auto; }
.login_inner_wrap   { position:absolute; top:50%; left:50%; width:820px; height:280px; margin:-150px 0 0 -370px; background:url(../img/bg_login_wrap.png) no-repeat; text-align:center; }
    
.login              { width:380px; height:124px; margin:90px 0 0 220px; .margin-left:0; background:#a3b8cc; border:1px solid #d5d8db; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.login table        { width:340px; margin:17px 0 0 25px; }
.login th           { padding:4px 6px 0 0; font-family:'맑은 고딕',malgun; font-size:12px; color:#000; text-align:right; }
/* ff */body:not(:-moz-handler-blocked) .login th           { letter-spacing:-1px; }
/* ie10 */.ie10 .login th                                   { letter-spacing:-1px; }
.login td           { padding:2px 10px 0 0; .padding-right:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:'맑은 고딕',malgun; font-size:12px; color:#000; text-align:left; }
.login td input[type="text"], .login td input[type="password"]{
 width:100%; height:27px; .height:16px; line-height:27px; .line-height:16px; padding:0 5px; background:#7d98b3; border:1px solid #6b8299; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; 
}
.login td input[type="password"]{
font-size:24px !important; 
}
/* ff */body:not(:-moz-handler-blocked) .login td input[type="text"], body:not(:-moz-handler-blocked) .login td input[type="password"]{ padding:6px 5px; }
/* ie10 */.ie10 .login td input[type="text"], .ie10 .login td input[type="password"]{ padding:7px 5px; }
/* 오페라 */noindex:-o-prefocus, .login td input[type="text"], noindex:-o-prefocus, .login td input[type="password"]{ padding:7px 5px; }
.login_button       { 
 width:100px !important; height:61px !important; padding:0; margin:2px 0; border:1px solid #6b8299; 
 font-family:'맑은 고딕', 'malgun','NanumGothic', arial, sans-serif; font-size:13pt; color:#fff; text-align:center; cursor:pointer; letter-spacing:0 !important;
 -webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important; display:inline-block;  
background: -moz-linear-gradient(top,  #7d98b3 0%, #4c6680 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d98b3), color-stop(100%,#4c6680)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d98b3 0%,#4c6680 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d98b3 0%,#4c6680 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d98b3 0%,#4c6680 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d98b3 0%,#4c6680 100%); /* W3C */
.background:#334c66;
}
/* ff */body:not(:-moz-handler-blocked) .login_button   { padding-bottom:4px;  }
/* ie10 */.ie10 .login_button                           { height:70px !important;  }
/* 오페라 */noindex:-o-prefocus, .login_button          { height:71px !important;  }
.login_button:hover { color:#33bbff !important;
background: -moz-linear-gradient(top,  #4c6680 20%, #7d98b3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#4c6680), color-stop(100%,#7d98b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c6680 20%,#7d98b3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c6680 20%,#7d98b3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c6680 20%,#7d98b3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c6680 20%,#7d98b3 100%); /* W3C */
}
.login_button:active { color:#33bbff !important; }

.comment_login        { width:330px; margin:30px 0 10px 20px; padding-left:20px; background:url(../img/bullet_login.png) no-repeat; text-align:left; color:#000; }

.login table.confirm        { margin-top:0; }

.confirm_button       { 
 width:100px !important; height:31px !important; padding:0; border:1px solid #6b8299; 
font-family:'맑은 고딕', 'malgun','NanumGothic', arial, sans-serif; font-size:9pt; color:#fff; text-align:center; cursor:pointer; letter-spacing:0 !important;
 -webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important; display:inline-block; 
background: -moz-linear-gradient(top,  #7d98b3 0%, #4c6680 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d98b3), color-stop(100%,#4c6680)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d98b3 0%,#4c6680 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d98b3 0%,#4c6680 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d98b3 0%,#4c6680 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d98b3 0%,#4c6680 100%); /* W3C */  
}
/* ff */body:not(:-moz-handler-blocked) .confirm_button { padding-bottom:4px;  }
.confirm_button:hover { color:#33bbff !important;
background: -moz-linear-gradient(top,  #4c6680 20%, #7d98b3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#4c6680), color-stop(100%,#7d98b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c6680 20%,#7d98b3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c6680 20%,#7d98b3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c6680 20%,#7d98b3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c6680 20%,#7d98b3 100%); /* W3C */
}
.confirm_button:active { color:#33bbff !important; }

.wrap_login_error { width:380px; height:40px; }
.login_error    { width:380px; height:25px; margin:0 0 0 221px; padding-top:6px; background:url(../img/bg_login_error.png) repeat-x; text-align:cetner; color:red; display:none; }



.loading_login        { width:350px; margin:25px 0 10px 20px; padding-top:50px; background:url(../img/login_loading.gif) no-repeat 50% 0; text-align:center; color:#000; }
  
.footer    { float:left;  width:100%; margin:15px 0 0; font-family:Helvetica,arial,sans-serif; font-size:8pt; color:#5c7a99; text-align:center;  }